<div>
        <el-row :gutter="20">
                <el-col :span="20">
                        <el-input style="width: 150px;" v-if="needAliMgrRole || needAdminRole"
                                v-model="pageInfo.srch_LIKE_name" placeholder="用户昵称"></el-input>
                        <el-button type="primary" v-if="needAliMgrRole || needAdminRole" @click="initData">搜索
                        </el-button>
                </el-col>
        </el-row>
        <el-row>
                <el-table :data="tableData" :row-key="getRowKey" :expand-row-keys="expandRow"
                        @expand-change="handleExpandChange" style="width: 100%;margin-top: 10px">
                        <el-table-column type="expand" prop="products">
                                <template slot-scope="props">
                                        <el-table ref="subTable" :data="subProducts" :row-key="getRowKey" stripe border
                                                style="width: 100%;margin-top: 10px">
                                                <el-table-column prop="name" label="商品名称">
                                                </el-table-column>
                                                <el-table-column prop="descript" label="商品描述">
                                                </el-table-column>
                                                <el-table-column prop="akjAlipayLife.name" label="所属生活号">
                                                </el-table-column>
                                                <el-table-column prop="createAt" label="创建时间">
                                                </el-table-column>
                                                <el-table-column prop="price" label="价格">
                                                </el-table-column>
                                                <el-table-column label="操作" width="150">
                                                        <template slot-scope="scope">
                                                                <el-button @click="originalFlag=false;openDetails(scope.row)" type="text"
                                                                        size="small">查看二维码</el-button><br>
                                                                <el-button @click="originalFlag=false;openDetailsURL(scope.row)"
                                                                        type="text" size="small">查看二维码链接</el-button><br>
                                                                <el-button @click="originalFlag=true;originalQRocde(scope.row)"
                                                                        type="text" size="small">原始二维码</el-button><br>
                                                        </template>
                                                </el-table-column>
                                        </el-table>
                                </template>
                        </el-table-column>
                        <el-table-column prop="account" label="账号">
                        </el-table-column>
                        <el-table-column prop="name" label="昵称">
                        </el-table-column>

                        <el-table-column prop="createBy.name" label="创建者">
                        </el-table-column>
                        <el-table-column prop="createTime" label="创建时间">
                        </el-table-column>
                </el-table>
        </el-row>
        <div class="marginT10 center">
                <el-pagination background layout="prev, pager, next" @current-change="handleCurrentChange"
                        :page-size="pageInfo.pageSize" :total="pageInfo.totalNum">
                </el-pagination>
        </div>

        <el-dialog width="480px" :title="qrcodeTitle" :visible.sync="dialogVisible" :modal-append-to-body="false">
                <!--                <div style="height:780px;width:450px;background: url(http://www.arkj168.cn/user_data/Bg.jpg);background-size: cover; background-repeat: no-repeat;">

 -->
                <div style="height:650px;width: 100%;position: relative;" >
                         <img :src="qrCodeBGImgUrl"
                                style="width:100%;height:100%" v-show="!originalFlag"/>
                        <div class="QRCodeDiv" id="div-QRCode"></div>
                </div>

        </el-dialog>

</div>